@import "src/res/theme/xxhz";

page{
  height: 100%;
}
.taro_page {
  height: 100%;
}
.dist-contact-root{
  height: 100%;
  background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    .item{
        width: 100%;
        margin-bottom: 20px;
        .box{
            display: flex;
            justify-content: space-between;
            width: 100%;
            background-color: white;
            margin-bottom: 20px;
            border-radius: 10px;
            .box-title{
                display: flex;
                align-items: center;
                height: 166px;
                flex-grow: 1;
                &:last-child{
                    margin-bottom: 0;
                }
                .icon-box{
                    // width: 20%;
                    text-align: right;
                    box-sizing: border-box;
                    padding-right: 20px;
                    margin-left: 40px;
                }
                .content-box{
                    // width: 80%;
                    line-height: initial;
                    font-size: 32px;
                    .weixinId{
                        font-size: 24px;
                        color: #585858;
                        .copy-tips{
                            margin-left: 20px;
                            border-radius: 10px;
                            border: solid 1Px #efefef;
                            padding: 5px 10px;
                            font-size: 18px;
                        }
                    }
                }
            }
            .box-time{
                flex-shrink: 0;
                width: 30%;
                font-size: 26px;
                color: #999999;
                display: flex;
                align-items: center;
                white-space: nowrap;
                justify-content: flex-end;
                padding-right: 40px;
                box-sizing: border-box;
            }
        }
        .button{
            padding: 0;
            margin: 0;
            margin-bottom: 20px;
            border: none;
            box-shadow: none;
            text-align: inherit;
            &::after{
                border: none;
            }
        }
    }

  .contact-box-phone {
    background-image: url(https://resource.ivcheng.com/upload/images/20221109/1667979532201_830.png);
    width: 100%;
    height: 344px;
    border: 2px solid #d3eae4;
    border-radius: 22px;
    margin: 22px 0;
    background-size: 102% 101%;
    background-repeat: no-repeat;
    background-position: -6px;
    .contact-box-phone-text {
      padding: 49px 29px;
      font-size: 42px;
      .contact-box-phone-text-content {
        font-size: 28px;
        color: #8d999d;
        margin-top: 10px;
        width: 75%;
        line-height: 1.5;
        letter-spacing: 3px;
      }
    }
    .contact-box-phone-btn {
      padding: 0px 29px;
      .contact-box-phone-btn-btn {
        width: fit-content;
        padding: 8px 30px;
        color: #fff;
        border-radius: 50px;
        font-size: 30px;
        background: linear-gradient(to top right, #69c561 50%, #5cb786 100%);
      }
    }
  }
  .contact-box-online {
    .contact-box-online-button {
      background-color: transparent;
      border: none;
      padding: 0;
      line-height: normal;
    }
    background-image: url(https://resource.ivcheng.com/upload/images/20221109/1667979919888_542.png);
    border: 2px solid #f4eddd;
  }
  .contact-box-weChat {
    background-image: url(https://resource.ivcheng.com/upload/images/20221109/1667980100511_593.png);
    border: 1px solid #a6dac1;
    height: 280px;
    .wexin-code {
      color: #00c48c;
    }
  }
}

